<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title></title>

    <script>
        function preview() {
            bdhtml = window.document.body.innerHTML;//获取当前页的html代码
            sprnstr = "<!--<start>-->";//设置打印开始区域
            eprnstr = "<!--<end>-->";//设置打印结束区域
            console.log(bdhtml.indexOf(sprnstr));
            console.log(bdhtml.indexOf(eprnstr));

            prnhtmlprnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr), bdhtml.indexOf(eprnstr));//从结束代码向前取html
            console.log(prnhtmlprnhtml);
            window.document.body.innerHTML = prnhtmlprnhtml;
            window.print();
        }
    </script>
    <link rel="stylesheet" href="base.css">

</head>
<body>
<input type="button" value="打印" id="biuuu_button2" onclick="preview()">
<!--<start>-->


<div class="content" id="print">
    <div class="content-padding">
        <div class="c-p-head">
            <div class="c-p-h-center">
                <p class="main-title">售货合同</p>
                <span class="main-subtitle">SALES CPNTRACT</span>
            </div>
            <div class="c-p-h-right main-right">
                <p class="">20991823124</p>
                <span>2017-03-20</span>
            </div>
        </div>
        <div class="c-p-message">
            <table width="100%" cellspacing="20">
                <tr>
                    <td>
                        <p class="tilte-labal">卖家</p>
                        <span class="tilte-subtitle">SELLER</span>
                    </td>
                    <td>
                        <p><span class="tilte-content">上海速道化工有限公司</span><i></i>
                            <!--<span style="color: #00A699;"><img src="./img/ic_certificated.png" alt=""/>已认证</span>-->
                        </p>
                    </td>
                    <td>
                        <p class="tilte-labal">地址</p>
                        <span class="tilte-subtitle">ADDRESS</span>
                    </td>
                    <td>
                        <p class="tilte-content">58 Pacocha Lane Suite 69658 Pacocha Lane Suite 696</p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="tilte-labal">买家</p>
                        <span class="tilte-subtitle">BUYER</span>
                    </td>
                    <td>
                        <p><span class="tilte-content">US Goverment</span></p>
                    </td>
                    <td>
                        <p class="tilte-labal">地址</p>
                        <span class="tilte-subtitle">ADDRESS</span>
                    </td>
                    <td>
                        <p class="tilte-content">96 Littel Burgs</p>
                    </td>
                </tr>
            </table>

            <div class="c-p-m-info">
                <div style="padding: 5px; padding-left: 20px">
                    <p class="warning">注意：本合同在自愿成为第三方见证人的化工球网站上生成</p>
                    <p class="warning-content">Note : This contract is created from chemball website who voluntary to be
                        third party witness</p>
                </div>
                <div style="padding: 5px;padding-left: 20px">
                    <p class="warning">双方同意按照本合同条款由卖方出售，买方购入所列货物</p>
                    <p class="warning-content">Hereby the seller agree to sell and the buyer agree to buy the under
                        mentioned produ cts according to the terms and conditions stipulated below:</p>
                </div>
            </div>
        </div>
        <!--<div class="c-p-message02">-->
        <div class="product-info" style="padding: 5px;padding-left: 20px">
            <table class="product-list-table" id="price-table" width="100%">
                <thead>
                <tr>
                    <td width="200">化合物
                        <div>Name of commodity</div>
                    </td>
                    <td width="200">CAS</td>
                    <td>数量
                        <div>Quantity</div>
                    </td>
                    <td>规格
                        <div>Specification</div>
                    </td>
                    <td>包装
                        <div>Package</div>
                    </td>
                    <td>每公斤价格
                        <div>Unit Price</div>
                    </td>
                    <td>总计
                        <div>Total</div>
                    </td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>95%</td>
                    <td>200kg/桶</td>
                    <td>COA , MSDS, TDS，GMP, COS, 危包证</td>
                    <td>95%</td>
                    <td>200kg/桶</td>
                    <td>COA , MSDS, TDS，GMP, COS, 危包证</td>
                    <td>95%</td>
                </tr>
                <tr>
                    <td>95%</td>
                    <td>200kg/桶</td>
                    <td>COA , MSDS, TDS，GMP, COS, 危包证</td>
                    <td>95%</td>
                    <td>200kg/桶</td>
                    <td>COA , MSDS, TDS，GMP, COS, 危包证</td>
                    <td>95%</td>
                </tr>
                <tr>
                    <td><span>合计</span></td>
                    <td><span>-</span></td>
                    <td>
                        <p>100KG</p>
                    </td>
                    <td>
                        <span>-</span>
                    </td>
                    <td><span>-</span></td>
                    <td><span>-</span></td>
                    <td><span>US $50,000.00</span></td>
                </tr>
                </tbody>

            </table>
        </div>
        <div class="c-p-message03">
            <table width="100%" cellspacing="20">
                <tr>
                    <td><p class="tilte-labal">价格条款</p><span class="tilte-subtitle">Terms of Price</span>
                    </td>
                    <td><p class="tilte-content">DDP</p></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">付款方式</p><span class="tilte-subtitle">Terms of Payment</span></td>
                    <td><p class="tilte-content">DA90DAYS FROM BL DATE</p></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">起运港</p><span class="tilte-subtitle">Port of Shipment</span></td>
                    <td><p class="tilte-content">NINGBO</p></td>
                    <td><p class="tilte-labal">卸货港</p><span class="tilte-subtitle">Discharge Port</span></td>
                    <td><p class="tilte-content">NHAVA SHEVA - INDIA</p></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">最终目的地</p><span class="tilte-subtitle">Final Destination</span></td>
                    <td><span class="tilte-content">NEW DELI - INDIA</span></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">唛头</p><span class="tilte-subtitle">Shipping Mark</span></td>
                    <td><span class="tilte-content">N/M</span></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">分批出运</p><span class="tilte-subtitle">Partial Shipment</span></td>
                    <td><span class="tilte-content">否</span></td>
                    <td><p class="tilte-labal">转运</p><span class="tilte-subtitle">Transhipment</span></td>
                    <td><span class="tilte-content">否</span></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">备注</p><span class="tilte-subtitle">Remarks</span></td>
                    <td><p class="tilte-content">NO REFUND ACCEPTABLE</p></td>
                </tr>
                <tr>
                    <td><p class="tilte-labal">卖家:</p><span class="tilte-subtitle">SELLER</span></td>

                    <td></td>
                    <td><p class="tilte-labal">买家:</p><span class="tilte-subtitle">SELLER</span></td>
                    <td></td>
                    <td style="text-align: center">
                        <div>Third Party: Chemball</div>
                        <img src="./img/zhang.png" alt=""/>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<!--<end>-->
</body>
</html>